<!--
 * @authors 沙洲 chenchenyixin@qq.com http://gitee.com/shazhou
 * @date    2019-12-25 15:16:17
-->

<template>
  <div class="header border-bottom">
    <span class="left">
    	<em>注册</em>&nbsp;|&nbsp;<em>登录</em>
    </span>
    <btn class="btnDownload" :options="btnOptions" >APP下载</btn>
  </div>
</template>

<script>
import btn from '../components/btn.vue'
export default {
  name: 'Theader',
  data(){
	  return{
      btnOptions:{
        type:'primary',
        small:true
      }
	  }
  },
  props:{
  
  },
  components:{
  	btn
  },
  created(){

  },
  mounted(){

  },
  methods:{

  }
}
</script>

<style lang="stylus" scoped>
.header
	color:#666;height:50px;line-height:50px;position:fixed;left:0;top:0;right:0;z-index:100;background:#fff url('http://m.jr.jd.com/spe/qyy/main/images/jr-logo.png') no-repeat center center;background-size:100px;
	.left
		font-size:12px;height:14px;line-height:14px;margin:18px 0 0 10px;
	.btnDownload
		float:right;font-size:12px;border:0;height:28px;line-height:28px;padding-top:0;padding-bottom:0;min-width:60px;border-radius:4px;margin:10px 10px 0 0;

</style>


